.wrapper {
  background: #f0f2f5 !important;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}

.tabs {
  padding: 8px 8px 8px 12px;
  font-size: 14px;
  line-height: 150%;
}

.tabs .tag {
  margin-left: 10px;
  padding: 5px 8px;
  display: inline-block;
}

.tabs .tag :hover {
  display: inline-block;
  font-size: 14px;
  line-height: 14px;
  padding: 5px 8px;
  border-radius: 3px;
  background-color: #334;
  color: #fff;
}

.tabs .tab_current {
  margin-left: 10px;
}

a.tab_current:active, a.tab_current:link, a.tab_current:visited {
  display: inline-block;
  font-size: 14px;
  line-height: 14px;
  padding: 5px 8px;
  border-radius: 3px;
  background-color: #334;
  color: #fff;
}

a:active, a:link, a:visited {
  color: #778087;
  text-decoration: none;
  word-break: break-word;
}

#SecondaryTabs {
  background-color: #f9f9f9;
  padding: 10px 10px 10px 1.3rem;
}

.cell {
  padding: 10px;
  font-size: 14px;
  line-height: 120%;
  text-align: left;
  border-bottom: 1px solid var(--box-border-color);
}

.p-06 {
  padding: 0.6rem 1.3rem;
}

.node {
  font-weight: 400;
  color: rgba(0, 0, 0, 0.6) !important;
  background-color: #e8e8e8 !important;
  font-size: .9em;
  padding: 2px;
  display: inline-block;
  border-radius: 2px;
}

.topic_info {
  font-size: 12px;
  color: #ccc;
  line-height: 200%;
}

.topic_title {
  font-size: 1rem;
  color: #636b6f;
}

.btn-outline-hui {
  color: #636b6f;
  border-color: #636b6f;
}

.btn-sm-sm {
  padding: 0.4rem 1.25rem;
  font-size: 0.675rem;
  line-height: 1.5;
  border-radius: 0.25rem;
}

.font-color {
  color: #636b6f;
}

.content_tag {
  font-size: 0.8rem;
  padding-bottom: 10px;
  border-bottom: 1px solid #cdd1d7;
}

.content_tag .tag {
  font-size: 0.8rem;
  line-height: 0.8rem;
}

.bootstrap-tagsinput {
  width: 100%;
}

article {
  width: 100%;
  word-wrap: break-word;
  word-break: normal;
  color: #636b6f;
}

article img {
  text-align: center;
  vertical-align: middle;
  display: block;
  margin: 0  auto;
  max-width: 100%;
}

.vote {
  color: #FF5630;
}

.article-content :not(pre) > code[class*=language-], .article-content pre[class*=language-], .editor-preview-active-side pre, .editor-preview pre, .markdown-body pre {
  margin: 1.5em -17px;
  border-radius: 0;
  padding: 1.5em 35px;
}

.ui.segment.markdown-body, .ui.segments .segment {
  font-size: 15px;
  margin: 0;
}

.editor-preview, .markdown-body, .markdown-reply {
  overflow: visible;
}

.editor-preview, .editor-preview-active-side, .markdown-body, .markdown-reply {
  font-size: 15px;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  line-height: 1.4;
  line-height: 1.6;
  word-wrap: break-word;
}

.editor-preview-active-side a, .editor-preview a, .markdown-body a, .markdown-reply a {
  background: transparent;
}

.editor-preview-active-side a:active, .editor-preview-active-side a:hover, .editor-preview a:active, .editor-preview a:hover, .markdown-body a:active, .markdown-body a:hover, .markdown-reply a:active, .markdown-reply a:hover {
  outline: 0;
}

.editor-preview-active-side ol li, .editor-preview ol li, .markdown-body ol li, .markdown-reply ol li {
  margin: 8px 0;
}

.editor-preview-active-side strong, .editor-preview strong, .markdown-body strong, .markdown-reply strong {
  font-weight: 700;
}

.editor-preview-active-side h1, .editor-preview h1, .markdown-body h1, .markdown-reply h1 {
  font-size: 2em;
  margin: .1em 0;
}

.editor-preview-active-side img, .editor-preview img, .markdown-body img, .markdown-reply img {
  border: 0;
}

.editor-preview-active-side hr, .editor-preview hr, .markdown-body hr, .markdown-reply hr {
  box-sizing: content-box;
  height: 0;
}

.editor-preview-active-side table, .editor-preview table, .markdown-body table, .markdown-reply table {
  border-collapse: collapse;
  border-spacing: 0;
}

.editor-preview-active-side td, .editor-preview-active-side th, .editor-preview td, .editor-preview th, .markdown-body td, .markdown-body th, .markdown-reply td, .markdown-reply th {
  padding: 0;
}

.editor-preview *, .editor-preview-active-side *, .markdown-body *, .markdown-reply * {
  box-sizing: border-box;
}

.editor-preview-active-side a, .editor-preview-active-side a:active, .editor-preview-active-side a:focus, .editor-preview-active-side a:hover, .editor-preview a, .editor-preview a:active, .editor-preview a:focus, .editor-preview a:hover, .markdown-body a, .markdown-body a:active, .markdown-body a:focus, .markdown-body a:hover, .markdown-reply a, .markdown-reply a:active, .markdown-reply a:focus, .markdown-reply a:hover {
  text-decoration: none;
}

.editor-preview-active-side hr, .editor-preview hr, .markdown-body hr, .markdown-reply hr {
  height: 0;
  overflow: hidden;
  background: transparent;
  border: 2px dashed #f0f4f6;
  border-bottom: 0;
  margin: 18px auto;
  width: 50%;
}

.editor-preview-active-side hr:after, .editor-preview-active-side hr:before, .editor-preview hr:after, .editor-preview hr:before, .markdown-body hr:after, .markdown-body hr:before, .markdown-reply hr:after, .markdown-reply hr:before {
  display: table;
  content: " ";
}

.editor-preview-active-side hr:after, .editor-preview hr:after, .markdown-body hr:after, .markdown-reply hr:after {
  clear: both;
}

.editor-preview-active-side h1, .editor-preview-active-side h2, .editor-preview-active-side h3, .editor-preview-active-side h4, .editor-preview-active-side h5, .editor-preview-active-side h6, .editor-preview h1, .editor-preview h2, .editor-preview h3, .editor-preview h4, .editor-preview h5, .editor-preview h6, .markdown-body h1, .markdown-body h2, .markdown-body h3, .markdown-body h4, .markdown-body h5, .markdown-body h6, .markdown-reply h1, .markdown-reply h2, .markdown-reply h3, .markdown-reply h4, .markdown-reply h5, .markdown-reply h6 {
  margin-top: 15px;
  margin-bottom: 15px;
  line-height: 1.1;
  font-weight: 400;
}

.editor-preview-active-side h1, .editor-preview h1, .markdown-body h1, .markdown-reply h1 {
  font-size: 30px;
}

.editor-preview-active-side h2, .editor-preview h2, .markdown-body h2, .markdown-reply h2 {
  font-size: 21px;
}

.editor-preview-active-side h3, .editor-preview h3, .markdown-body h3, .markdown-reply h3 {
  font-size: 16px;
}

.editor-preview-active-side h4, .editor-preview h4, .markdown-body h4, .markdown-reply h4 {
  font-size: 14px;
}

.editor-preview-active-side h5, .editor-preview h5, .markdown-body h5, .markdown-reply h5 {
  font-size: 12px;
}

.editor-preview-active-side h6, .editor-preview h6, .markdown-body h6, .markdown-reply h6 {
  font-size: 11px;
}

.editor-preview-active-side blockquote, .editor-preview blockquote, .markdown-body blockquote, .markdown-reply blockquote {
  margin: 0;
}

.editor-preview-active-side blockquote ol:last-child, .editor-preview-active-side blockquote p:last-child, .editor-preview-active-side blockquote ul:last-child, .editor-preview blockquote ol:last-child, .editor-preview blockquote p:last-child, .editor-preview blockquote ul:last-child, .markdown-body blockquote ol:last-child, .markdown-body blockquote p:last-child, .markdown-body blockquote ul:last-child, .markdown-reply blockquote ol:last-child, .markdown-reply blockquote p:last-child, .markdown-reply blockquote ul:last-child {
  margin-bottom: 0;
}

.editor-preview-active-side ol, .editor-preview-active-side ul, .editor-preview ol, .editor-preview ul, .markdown-body ol, .markdown-body ul, .markdown-reply ol, .markdown-reply ul {
  padding: 0;
  margin-top: 0;
  margin-bottom: 0;
}

.editor-preview-active-side ol ol, .editor-preview ol ol, .markdown-body ol ol, .markdown-reply ol ol {
  list-style-type: lower-roman;
}

.editor-preview-active-side dd, .editor-preview dd, .markdown-body dd, .markdown-reply dd {
  margin-left: 0;
}

.editor-preview-active-side code, .editor-preview-active-side pre, .editor-preview code, .editor-preview pre, .markdown-body code, .markdown-body pre, .markdown-reply code, .markdown-reply pre {
  font-family: monaco,Consolas,Liberation Mono,Menlo,Courier,monospace;
  font-size: 1em;
}

.editor-preview-active-side pre, .editor-preview pre, .markdown-body pre, .markdown-reply pre {
  margin-top: 0;
  margin-bottom: 0;
  overflow: auto;
}

.editor-preview-active-side .markdown-body > :first-child, .editor-preview .markdown-body > :first-child, .markdown-body .markdown-body > :first-child, .markdown-reply .markdown-body > :first-child {
  margin-top: 0 !important;
}

.editor-preview-active-side .markdown-body > :last-child, .editor-preview .markdown-body > :last-child, .markdown-body .markdown-body > :last-child, .markdown-reply .markdown-body > :last-child {
  margin-bottom: 0 !important;
}

.editor-preview-active-side .anchor, .editor-preview .anchor, .markdown-body .anchor, .markdown-reply .anchor {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  display: block;
  padding-right: 6px;
  padding-left: 30px;
  margin-left: -30px;
}

.editor-preview-active-side .anchor:focus, .editor-preview .anchor:focus, .markdown-body .anchor:focus, .markdown-reply .anchor:focus {
  outline: none;
}

.editor-preview-active-side h1, .editor-preview-active-side h2, .editor-preview-active-side h3, .editor-preview-active-side h4, .editor-preview-active-side h5, .editor-preview-active-side h6, .editor-preview h1, .editor-preview h2, .editor-preview h3, .editor-preview h4, .editor-preview h5, .editor-preview h6, .markdown-body h1, .markdown-body h2, .markdown-body h3, .markdown-body h4, .markdown-body h5, .markdown-body h6, .markdown-reply h1, .markdown-reply h2, .markdown-reply h3, .markdown-reply h4, .markdown-reply h5, .markdown-reply h6 {
  position: relative;
  margin-top: 1.2em;
  margin-bottom: 20px;
  line-height: 1.4;
  font-weight: 700;
}

.editor-preview-active-side h1, .editor-preview h1, .markdown-body h1, .markdown-reply h1 {
  padding-bottom: .3em;
  font-size: 2.25em;
  line-height: 1.2;
  border-bottom: 1px solid #eee;
}

.editor-preview-active-side h2, .editor-preview h2, .markdown-body h2, .markdown-reply h2 {
  padding-bottom: .3em;
  font-size: 1.3em;
  line-height: 1.225;
  border-bottom: 1px solid #eee;
}

.editor-preview-active-side h3, .editor-preview h3, .markdown-body h3, .markdown-reply h3 {
  font-size: 1.2em;
  line-height: 1.43;
}

.editor-preview-active-side h4, .editor-preview h4, .markdown-body h4, .markdown-reply h4 {
  font-size: 1.1em;
}

.editor-preview-active-side h5, .editor-preview h5, .markdown-body h5, .markdown-reply h5 {
  font-size: 1em;
}

.editor-preview-active-side h6, .editor-preview h6, .markdown-body h6, .markdown-reply h6 {
  font-size: .9em;
  color: #777;
}

.editor-preview-active-side blockquote, .editor-preview-active-side dl, .editor-preview-active-side ol, .editor-preview-active-side p, .editor-preview-active-side pre, .editor-preview-active-side table, .editor-preview-active-side ul, .editor-preview blockquote, .editor-preview dl, .editor-preview ol, .editor-preview p, .editor-preview pre, .editor-preview table, .editor-preview ul, .markdown-body blockquote, .markdown-body dl, .markdown-body ol, .markdown-body p, .markdown-body pre, .markdown-body table, .markdown-body ul, .markdown-reply blockquote, .markdown-reply dl, .markdown-reply ol, .markdown-reply p, .markdown-reply pre, .markdown-reply table, .markdown-reply ul {
  margin-top: 0;
  margin-bottom: 10px;
  line-height: 30px;
}

.editor-preview-active-side ol, .editor-preview-active-side ul, .editor-preview ol, .editor-preview ul, .markdown-body ol, .markdown-body ul, .markdown-reply ol, .markdown-reply ul {
  padding-left: 2em;
  padding: 10px 20px 10px 30px;
  color: #7d8688;
}

.editor-preview-active-side ol ol, .editor-preview-active-side ol ul, .editor-preview ol ol, .editor-preview ol ul, .markdown-body ol ol, .markdown-body ol ul, .markdown-reply ol ol, .markdown-reply ol ul {
  margin-top: 0;
  margin-bottom: 0;
}

.editor-preview-active-side li > p, .editor-preview li > p, .markdown-body li > p, .markdown-reply li > p {
  margin-top: 16px;
}

.editor-preview-active-side dl, .editor-preview dl, .markdown-body dl, .markdown-reply dl {
  padding: 0;
}

.editor-preview-active-side dl dt, .editor-preview dl dt, .markdown-body dl dt, .markdown-reply dl dt {
  padding: 0;
  margin-top: 16px;
  font-size: 1em;
  font-style: italic;
  font-weight: 700;
}

.editor-preview-active-side dl dd, .editor-preview dl dd, .markdown-body dl dd, .markdown-reply dl dd {
  padding: 0 16px;
  margin-bottom: 16px;
}

.editor-preview-active-side blockquote, .editor-preview blockquote, .markdown-body blockquote, .markdown-reply blockquote {
  font-size: inherit;
  padding: 0 15px;
  color: #777;
  border-left: 4px solid #ddd;
}

.editor-preview-active-side blockquote code, .editor-preview blockquote code, .markdown-body blockquote code, .markdown-reply blockquote code {
  color: inherit;
  background-color: transparent;
  border: 1px solid #d1e0f3;
}

.editor-preview-active-side blockquote > :first-child, .editor-preview blockquote > :first-child, .markdown-body blockquote > :first-child, .markdown-reply blockquote > :first-child {
  margin-top: 20;
}

.editor-preview-active-side blockquote > :last-child, .editor-preview blockquote > :last-child, .markdown-body blockquote > :last-child, .markdown-reply blockquote > :last-child {
  margin-bottom: 20;
}

.editor-preview-active-side blockquote, .editor-preview blockquote, .markdown-body blockquote, .markdown-reply blockquote {
  margin: 20px 0 !important;
  background-color: #f5f8fc;
  padding: 1rem;
  color: #8796a8;
  border-left: none;
}

.editor-preview-active-side table, .editor-preview table, .markdown-body table, .markdown-reply table {
  display: block;
  width: 100%;
  overflow: auto;
  margin: 25px 0;
}

.editor-preview-active-side table th, .editor-preview table th, .markdown-body table th, .markdown-reply table th {
  font-weight: 700;
}

.editor-preview-active-side table td, .editor-preview-active-side table th, .editor-preview table td, .editor-preview table th, .markdown-body table td, .markdown-body table th, .markdown-reply table td, .markdown-reply table th {
  padding: 6px 13px;
  border: 1px solid #ddd;
}

.editor-preview-active-side table tr, .editor-preview table tr, .markdown-body table tr, .markdown-reply table tr {
  background-color: #fff;
  border-top: 1px solid #ccc;
}

.editor-preview-active-side table tr:nth-child(2n), .editor-preview table tr:nth-child(2n), .markdown-body table tr:nth-child(2n), .markdown-reply table tr:nth-child(2n) {
  background-color: #f8f8f8;
}

.editor-preview-active-side img, .editor-preview img, .markdown-body img, .markdown-reply img {
  max-width: 100%;
  box-sizing: border-box;
}

.editor-preview-active-side img:not(.emoji), .editor-preview img:not(.emoji), .markdown-body img:not(.emoji), .markdown-reply img:not(.emoji) {
  margin-bottom: 30px;
  margin-top: 10px;
  border: 1px solid #ddd;
  box-shadow: 0 0 30px #ccc;
}

.editor-preview-active-side img.rm-style, .editor-preview img.rm-style, .markdown-body img.rm-style, .markdown-reply img.rm-style {
  border: none;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  margin-bottom: 0;
  margin-top: 0;
}

.editor-preview-active-side code, .editor-preview code, .markdown-body code, .markdown-reply code {
  background: rgba(90, 87, 87, 0);
  margin: 5px;
  color: #858080;
  border-radius: 4px;
  background-color: #f9fafa;
  border: 1px solid #e4e4e4;
  max-width: 740px;
  overflow-x: auto;
  font-size: 14px;
  padding: 1px 2px;
}

.editor-preview-active-side code:after, .editor-preview-active-side code:before, .editor-preview code:after, .editor-preview code:before, .markdown-body code:after, .markdown-body code:before, .markdown-reply code:after, .markdown-reply code:before {
  letter-spacing: -.2em;
  content: "\A0";
}

.editor-preview-active-side pre > code, .editor-preview pre > code, .markdown-body pre > code, .markdown-reply pre > code {
  padding: 0;
  margin: 0;
  white-space: pre;
  background: transparent;
  border: 0;
}

.editor-preview-active-side .highlight, .editor-preview .highlight, .markdown-body .highlight, .markdown-reply .highlight {
  margin-bottom: 16px;
}

.editor-preview-active-side .highlight pre, .editor-preview-active-side pre, .editor-preview .highlight pre, .editor-preview pre, .markdown-body .highlight pre, .markdown-body pre, .markdown-reply .highlight pre, .markdown-reply pre {
  padding: 14px;
  overflow: auto;
  line-height: 1.45;
  color: #fff;
  border: none;
}

.editor-preview-active-side .highlight pre, .editor-preview .highlight pre, .markdown-body .highlight pre, .markdown-reply .highlight pre {
  margin-bottom: 0;
}

.editor-preview-active-side pre, .editor-preview pre, .markdown-body pre, .markdown-reply pre {
  word-wrap: normal;
  background: #384548;
  border: 1px solid #efefef;
  box-shadow: 0 2px 5px 0 rgba(199, 199, 199, 0.16), 0 2px 10px 0 rgba(242, 242, 242, 0.12);
  padding: 1.5em 35px;
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}

.editor-preview-active-side pre code, .editor-preview pre code, .markdown-body pre code, .markdown-reply pre code {
  display: block;
  padding: 0;
  margin: 0;
  overflow: initial;
  line-height: 24px;
  word-wrap: normal;
  border: 0;
}

.editor-preview-active-side pre code:after, .editor-preview-active-side pre code:before, .editor-preview pre code:after, .editor-preview pre code:before, .markdown-body pre code:after, .markdown-body pre code:before, .markdown-reply pre code:after, .markdown-reply pre code:before {
  content: normal;
}

.editor-preview-active-side .highlight, .editor-preview .highlight, .markdown-body .highlight, .markdown-reply .highlight {
  background: #fff;
}

.editor-preview-active-side .highlight .c, .editor-preview .highlight .c, .markdown-body .highlight .c, .markdown-reply .highlight .c {
  color: #998;
  font-style: italic;
}

.editor-preview-active-side .highlight .err, .editor-preview .highlight .err, .markdown-body .highlight .err, .markdown-reply .highlight .err {
  color: #a61717;
  background-color: #e3d2d2;
}

.editor-preview-active-side .highlight .k, .editor-preview-active-side .highlight .o, .editor-preview .highlight .k, .editor-preview .highlight .o, .markdown-body .highlight .k, .markdown-body .highlight .o, .markdown-reply .highlight .k, .markdown-reply .highlight .o {
  font-weight: 700;
}

.editor-preview-active-side .highlight .cm, .editor-preview .highlight .cm, .markdown-body .highlight .cm, .markdown-reply .highlight .cm {
  color: #998;
  font-style: italic;
}

.editor-preview-active-side .highlight .cp, .editor-preview .highlight .cp, .markdown-body .highlight .cp, .markdown-reply .highlight .cp {
  color: #999;
  font-weight: 700;
}

.editor-preview-active-side .highlight .c1, .editor-preview .highlight .c1, .markdown-body .highlight .c1, .markdown-reply .highlight .c1 {
  color: #998;
  font-style: italic;
}

.editor-preview-active-side .highlight .cs, .editor-preview .highlight .cs, .markdown-body .highlight .cs, .markdown-reply .highlight .cs {
  color: #999;
  font-weight: 700;
  font-style: italic;
}

.editor-preview-active-side .highlight .gd, .editor-preview .highlight .gd, .markdown-body .highlight .gd, .markdown-reply .highlight .gd {
  color: #000;
  background-color: #fdd;
}

.editor-preview-active-side .highlight .gd .x, .editor-preview .highlight .gd .x, .markdown-body .highlight .gd .x, .markdown-reply .highlight .gd .x {
  color: #000;
  background-color: #faa;
}

.editor-preview-active-side .highlight .ge, .editor-preview .highlight .ge, .markdown-body .highlight .ge, .markdown-reply .highlight .ge {
  font-style: italic;
}

.editor-preview-active-side .highlight .gr, .editor-preview .highlight .gr, .markdown-body .highlight .gr, .markdown-reply .highlight .gr {
  color: #a00;
}

.editor-preview-active-side .highlight .gh, .editor-preview .highlight .gh, .markdown-body .highlight .gh, .markdown-reply .highlight .gh {
  color: #999;
}

.editor-preview-active-side .highlight .gi, .editor-preview .highlight .gi, .markdown-body .highlight .gi, .markdown-reply .highlight .gi {
  color: #000;
  background-color: #dfd;
}

.editor-preview-active-side .highlight .gi .x, .editor-preview .highlight .gi .x, .markdown-body .highlight .gi .x, .markdown-reply .highlight .gi .x {
  color: #000;
  background-color: #afa;
}

.editor-preview-active-side .highlight .go, .editor-preview .highlight .go, .markdown-body .highlight .go, .markdown-reply .highlight .go {
  color: #888;
}

.editor-preview-active-side .highlight .gp, .editor-preview .highlight .gp, .markdown-body .highlight .gp, .markdown-reply .highlight .gp {
  color: #555;
}

.editor-preview-active-side .highlight .gs, .editor-preview .highlight .gs, .markdown-body .highlight .gs, .markdown-reply .highlight .gs {
  font-weight: 700;
}

.editor-preview-active-side .highlight .gu, .editor-preview .highlight .gu, .markdown-body .highlight .gu, .markdown-reply .highlight .gu {
  color: purple;
  font-weight: 700;
}

.editor-preview-active-side .highlight .gt, .editor-preview .highlight .gt, .markdown-body .highlight .gt, .markdown-reply .highlight .gt {
  color: #a00;
}

.editor-preview-active-side .highlight .kc, .editor-preview-active-side .highlight .kd, .editor-preview-active-side .highlight .kn, .editor-preview-active-side .highlight .kp, .editor-preview-active-side .highlight .kr, .editor-preview .highlight .kc, .editor-preview .highlight .kd, .editor-preview .highlight .kn, .editor-preview .highlight .kp, .editor-preview .highlight .kr, .markdown-body .highlight .kc, .markdown-body .highlight .kd, .markdown-body .highlight .kn, .markdown-body .highlight .kp, .markdown-body .highlight .kr, .markdown-reply .highlight .kc, .markdown-reply .highlight .kd, .markdown-reply .highlight .kn, .markdown-reply .highlight .kp, .markdown-reply .highlight .kr {
  font-weight: 700;
}

.editor-preview-active-side .highlight .kt, .editor-preview .highlight .kt, .markdown-body .highlight .kt, .markdown-reply .highlight .kt {
  color: #458;
  font-weight: 700;
}

.editor-preview-active-side .highlight .m, .editor-preview .highlight .m, .markdown-body .highlight .m, .markdown-reply .highlight .m {
  color: #099;
}

.editor-preview-active-side .highlight .s, .editor-preview .highlight .s, .markdown-body .highlight .s, .markdown-reply .highlight .s {
  color: #d14;
}

.editor-preview-active-side .highlight .n, .editor-preview .highlight .n, .markdown-body .highlight .n, .markdown-reply .highlight .n {
  color: #333;
}

.editor-preview-active-side .highlight .na, .editor-preview .highlight .na, .markdown-body .highlight .na, .markdown-reply .highlight .na {
  color: teal;
}

.editor-preview-active-side .highlight .nb, .editor-preview .highlight .nb, .markdown-body .highlight .nb, .markdown-reply .highlight .nb {
  color: #0086b3;
}

.editor-preview-active-side .highlight .nc, .editor-preview .highlight .nc, .markdown-body .highlight .nc, .markdown-reply .highlight .nc {
  color: #458;
  font-weight: 700;
}

.editor-preview-active-side .highlight .no, .editor-preview .highlight .no, .markdown-body .highlight .no, .markdown-reply .highlight .no {
  color: teal;
}

.editor-preview-active-side .highlight .ni, .editor-preview .highlight .ni, .markdown-body .highlight .ni, .markdown-reply .highlight .ni {
  color: purple;
}

.editor-preview-active-side .highlight .ne, .editor-preview-active-side .highlight .nf, .editor-preview .highlight .ne, .editor-preview .highlight .nf, .markdown-body .highlight .ne, .markdown-body .highlight .nf, .markdown-reply .highlight .ne, .markdown-reply .highlight .nf {
  color: #900;
  font-weight: 700;
}

.editor-preview-active-side .highlight .nn, .editor-preview .highlight .nn, .markdown-body .highlight .nn, .markdown-reply .highlight .nn {
  color: #555;
}

.editor-preview-active-side .highlight .nt, .editor-preview .highlight .nt, .markdown-body .highlight .nt, .markdown-reply .highlight .nt {
  color: navy;
}

.editor-preview-active-side .highlight .nv, .editor-preview .highlight .nv, .markdown-body .highlight .nv, .markdown-reply .highlight .nv {
  color: teal;
}

.editor-preview-active-side .highlight .ow, .editor-preview .highlight .ow, .markdown-body .highlight .ow, .markdown-reply .highlight .ow {
  font-weight: 700;
}

.editor-preview-active-side .highlight .w, .editor-preview .highlight .w, .markdown-body .highlight .w, .markdown-reply .highlight .w {
  color: #bbb;
}

.editor-preview-active-side .highlight .mf, .editor-preview-active-side .highlight .mh, .editor-preview-active-side .highlight .mi, .editor-preview-active-side .highlight .mo, .editor-preview .highlight .mf, .editor-preview .highlight .mh, .editor-preview .highlight .mi, .editor-preview .highlight .mo, .markdown-body .highlight .mf, .markdown-body .highlight .mh, .markdown-body .highlight .mi, .markdown-body .highlight .mo, .markdown-reply .highlight .mf, .markdown-reply .highlight .mh, .markdown-reply .highlight .mi, .markdown-reply .highlight .mo {
  color: #099;
}

.editor-preview-active-side .highlight .s2, .editor-preview-active-side .highlight .sb, .editor-preview-active-side .highlight .sc, .editor-preview-active-side .highlight .sd, .editor-preview-active-side .highlight .se, .editor-preview-active-side .highlight .sh, .editor-preview-active-side .highlight .si, .editor-preview-active-side .highlight .sx, .editor-preview .highlight .s2, .editor-preview .highlight .sb, .editor-preview .highlight .sc, .editor-preview .highlight .sd, .editor-preview .highlight .se, .editor-preview .highlight .sh, .editor-preview .highlight .si, .editor-preview .highlight .sx, .markdown-body .highlight .s2, .markdown-body .highlight .sb, .markdown-body .highlight .sc, .markdown-body .highlight .sd, .markdown-body .highlight .se, .markdown-body .highlight .sh, .markdown-body .highlight .si, .markdown-body .highlight .sx, .markdown-reply .highlight .s2, .markdown-reply .highlight .sb, .markdown-reply .highlight .sc, .markdown-reply .highlight .sd, .markdown-reply .highlight .se, .markdown-reply .highlight .sh, .markdown-reply .highlight .si, .markdown-reply .highlight .sx {
  color: #d14;
}

.editor-preview-active-side .highlight .sr, .editor-preview .highlight .sr, .markdown-body .highlight .sr, .markdown-reply .highlight .sr {
  color: #009926;
}

.editor-preview-active-side .highlight .s1, .editor-preview .highlight .s1, .markdown-body .highlight .s1, .markdown-reply .highlight .s1 {
  color: #d14;
}

.editor-preview-active-side .highlight .ss, .editor-preview .highlight .ss, .markdown-body .highlight .ss, .markdown-reply .highlight .ss {
  color: #990073;
}

.editor-preview-active-side .highlight .bp, .editor-preview .highlight .bp, .markdown-body .highlight .bp, .markdown-reply .highlight .bp {
  color: #999;
}

.editor-preview-active-side .highlight .vc, .editor-preview-active-side .highlight .vg, .editor-preview-active-side .highlight .vi, .editor-preview .highlight .vc, .editor-preview .highlight .vg, .editor-preview .highlight .vi, .markdown-body .highlight .vc, .markdown-body .highlight .vg, .markdown-body .highlight .vi, .markdown-reply .highlight .vc, .markdown-reply .highlight .vg, .markdown-reply .highlight .vi {
  color: teal;
}

.editor-preview-active-side .highlight .il, .editor-preview .highlight .il, .markdown-body .highlight .il, .markdown-reply .highlight .il {
  color: #099;
}

.editor-preview-active-side .highlight .gc, .editor-preview .highlight .gc, .markdown-body .highlight .gc, .markdown-reply .highlight .gc {
  color: #999;
  background-color: #eaf2f5;
}

.editor-preview-active-side pre.language-todo, .editor-preview pre.language-todo, .markdown-body pre.language-todo, .markdown-reply pre.language-todo {
  background: #fb6c53;
  color: #fff;
}

.editor-preview-active-side pre.language-todo code.language-todo, .editor-preview pre.language-todo code.language-todo, .markdown-body pre.language-todo code.language-todo, .markdown-reply pre.language-todo code.language-todo {
  color: #fff;
  text-shadow: none;
  font-weight: 700;
}

.markdown-reply h1, .markdown-reply h2, .markdown-reply h3, .markdown-reply h4, .markdown-reply h5, .markdown-reply h6 {
  position: relative;
  margin-top: .5em;
  margin-bottom: 16px;
  font-weight: 700;
  line-height: 1.4;
}

.markdown-reply h1 {
  font-size: 1.4em;
  line-height: 1.2;
}

.markdown-reply h1, .markdown-reply h2 {
  padding-bottom: .3em;
  border-bottom: 1px solid #eee;
}

.markdown-reply h2 {
  font-size: 1.25em;
  line-height: 1.225;
}

.markdown-reply h3 {
  font-size: 1.2em;
  line-height: 1.43;
}

.markdown-reply h4 {
  font-size: 1.1em;
}

.markdown-reply h5 {
  font-size: 1em;
}

.markdown-reply h6 {
  font-size: 1em;
  color: #777;
}

.markdown-body > h2:first-child {
  margin-top: .4em;
}

.markdown-body > h1:first-child {
  margin-top: .2em;
}

.markdown-body .ui.attached.block.header {
  border: 1px solid #d3e0e9;
}

.ui.segments > .segment.markdown-body {
  border-top: 0;
}

.essence_list_img {
  position: relative;
  color: #FFF;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  font-weight: 600;
  border-radius: 0.25rem;
  width: 100%;
  height: 160px;
  -o-object-fit: cover;
     object-fit: cover;
}

.essence_title {
  overflow: hidden;
}

.essence_body {
  word-wrap: break-word;
  height: auto;
  overflow: hidden;
  padding-top: 25px;
}

.post_list {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-top: 1px solid #EFF2F7;
  border-bottom: 1px solid #EFF2F7;
  border-left: unset;
  border-right: unset;
  border-top-left-radius: unset;
  border-top-right-radius: unset;
}

.post_title_overflow {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: unset !important;
  border-bottom-left-radius: unset !important;
}

.list-group-item:first-child {
  border-top-left-radius: unset;
  border-top-right-radius: unset;
}

.toutiao {
  border-top: 1px solid #EFF2F7;
  border-bottom: 1px solid #EFF2F7;
  border-left: unset;
  border-right: unset;
}

/*
@media (min-width: 768px) {
  .list_img_height{
    height: 90px;
  }
  .list_text_height{
    height: 60px;
  }
}*/
